<div class="page page-3 overflow-fix clear-fix">
    
    <h3>My works</h3>
    
    <!-- Portfolio list -->
    <ul class="no-list portfolio-list">
        
        <!-- Item -->
        <li class="layout-6040 overflow-fix clear-fix">
            
            <!-- Left column -->
            <div class="layout-6040-left">
                
                <!-- Title + about project -->
                <h5>QuanticaLabs #1</h5>
                <p>
                    Dnteger eget nisl risus, eget tempus enim. 
                    Aliquam erat volutpat. Etiam quis orci lectus. Etiam at pulvinar arcu.
                    Maecenas mauris.           
                </p>
                <!-- /Title + about project -->
                
                <!-- Item details -->
                <ul class="no-list portfolio-list-item-details">
                    <li>
                        <label>Client</label>
                        <span>QuanticaLabs</span>
                    </li>
                    <li>
                        <label>Website</label>
                        <span><a href="#">www.quanticalabs.com</a></span>
                    </li>                   
                </ul>
                <!-- /Item details -->
                
            </div>
            <!-- /Left column -->

            <!-- Right column -->
            <div class="layout-6040-right">
                
                <!-- Image -->
                <a href="image/_sample/img_1.jpg" class="fancybox-overlay fancybox-image" rel="gallery">
                    <span></span>
                    <img src="image/_sample/thumb_1.jpg"/>
                </a>
                <!-- /Image -->
                
            </div>
            <!-- /Right column -->

        </li>
        <!-- /Item -->
        
        <!-- -->
        
        <li class="layout-6040 overflow-fix clear-fix">
            <div class="layout-6040-left">
                <h5>QuanticaLabs #2</h5>
                <p>
                    Quisque sit amet accumsan odio.
                    Maecenas semper magna sit amet turpis viverra bibendum. 
                    Maecenas sit amet turpis neque. 
                </p>
                <ul class="no-list portfolio-list-item-details">
                    <li>
                        <label>Client</label>
                        <span>QuanticaLabs</span>
                    </li>
                     <li>
                        <label>Website</label>
                        <span><a href="#">www.quanticalabs.com</a></span>
                    </li>                   
                </ul>
            </div>
            <div class="layout-6040-right">
                <a href="image/_sample/img_2.jpg" class="fancybox-overlay fancybox-image" rel="gallery">
                    <span></span>                    
                    <img src="image/_sample/thumb_2.jpg" alt=""/>
                </a>
            </div>
        </li>
        
        <!-- -->
        
        <li class="layout-6040 overflow-fix clear-fix">
            <div class="layout-6040-left">
                <h5>QuanticaLabs #3</h5>
                <p>
                    Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. 
                    Proin gravida lectus a velit faucibus feugiat.       
                </p>
                <ul class="no-list portfolio-list-item-details">
                    <li>
                        <label>Client</label>
                        <span>QuanticaLabs</span>
                    </li>
                     <li>
                        <label>Website</label>
                        <span><a href="#">www.quanticalabs.com</a></span>
                    </li>                   
                </ul>
            </div>
            <div class="layout-6040-right">
                <a href="http://www.youtube.com/embed/Zln9I9IttLA" class="fancybox-overlay fancybox-video-youtube">
                    <span></span>
                    <img src="image/_sample/thumb_3.jpg" alt=""/>
                </a>
            </div>
        </li>
        
        <!-- -->
        
        <li class="layout-6040 overflow-fix clear-fix">
            <div class="layout-6040-left">
                <h5>QuanticaLabs #4</h5>
                <p>
                    Suspendisse molestie, diam ut aliquam adipiscing, mauris mauris porttitor massa, eu accumsan diam nisi sed lacus.    
                </p>
                <ul class="no-list portfolio-list-item-details">
                    <li>
                        <label>Client</label>
                        <span>QuanticaLabs</span>
                    </li>
                     <li>
                        <label>Website</label>
                        <span><a href="#">www.quanticalabs.com</a></span>
                    </li>                   
                </ul>
            </div>
            <div class="layout-6040-right">
                <a href="http://player.vimeo.com/video/1084537" class="fancybox-overlay fancybox-video-vimeo">
                    <span></span>
                    <img src="image/_sample/thumb_4.jpg" alt=""/>
                </a>
            </div>
        </li>
        
    </ul>
    <!-- /Portfolio list -->

</div>